<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../CSS/内嵌视频.css" />
  </head>

  <body>
    <div>
      <span class="name"
        >B站最全最详细的Melodyne修音教程（22集全）；从零成为百万修音师。</span
      ><br />
      <span class="year">2023-07-12 </span>
      <iframe
        src="https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001427&p=1"
        height="100%"
        width="100%"
        scrolling="no"
        allowfullscreen="true"
        frameborder="no"
        allowtransparency="yes"
      ></iframe>
      <div class="xuanji">
        <div class="xuanzhong">第一集</div>
        <div>第二集</div>
        <div>第三集</div>
        <div>第四集</div>
        <div>第五集</div>
        <div>第六集</div>
        <div>第七集</div>
        <div>第八集</div>
        <div>第九集</div>
        <div>第十集</div>
        <div>第十一集</div>
        <div>第十二集</div>
        <div>第十三集</div>
        <div>第十四集</div>
        <div>第十五集</div>
        <div>第十六集</div>
        <div>第十七集</div>
        <div>第十八集</div>
        <div>第十九集</div>
        <div>第二十集</div>
        <div>第二十一集</div>
        <div>第二十二集</div>
      </div>

      <script>
                let xuanji = [
                  "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001427&p=1",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001538&p=2",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001380&p=3",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001610&p=4",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001656&p=5",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001672&p=6",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001811&p=7",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001742&p=8",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193002028&p=9",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001757&p=10",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001909&p=11",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193002022&p=12",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001969&p=13",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193002334&p=14",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193002122&p=15",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193001990&p=16",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193002165&p=17",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193002424&p=18",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193002247&p=19",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193002364&p=20",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1193002261&p=21",
        "https://player.bilibili.com/player.html?isOutside=true&aid=573335958&bvid=BV1fz4y1j7Mf&cid=1499146422&p=22"

                ];

                let bofang = document.querySelector("iframe");
                let dizhi;
                for (i = 0; i < xuanji.length; i++) {
                  let index = i;
                  document
                    .querySelector(`.xuanji>div:nth-child(${i + 1})`)
                    .addEventListener("click", function () {
                      bofang.src = xuanji[index];
                      document
                        .querySelector(".xuanzhong")
                        .classList.remove("xuanzhong");
                      this.classList.add("xuanzhong");
                    });
                }
      </script>
    </div>
  </body>
</html>
